<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		
		<style>
			.c1{
				width:0px;
				height:0px;
				border:20px solid red;
				border-radius:50%;
				position:relative;
				margin:200px auto 0 auto;
				box-shadow:0 0 0 20px blue,
						   0 0 0 40px orange,
						   0 0 0 60px green,
						   0 0 0 80px pink,
						   0 0 0 100px red;
				z-index:2;
			}
			.c2{
				position:absolute;
				width:20px;
				height:300px;
				background-color:yellow;
				left:540px;
				top:300px;
				transform: rotate(30deg);
			}
		
		</style>
		
	</head>
	
	<body>
	
		<div class="c1"></div>
		<div class="c2"></div>
	
	</body>



</html>